<template>
  <base-query-page ref="basePageQueryRef">
    <template #query>
      <el-form :model="basePageQueryRef.queryForm" inline>
        <el-form-item label="单号">
          <el-input placeholder="入库单号/物料验收系统发放单号" style="width: 240px" />
        </el-form-item>
        <el-form-item label="收料单位">
          <el-input placeholder="收料单位" />
        </el-form-item>
        <el-form-item label="材料规格">
          <el-select placeholder="材料规格">
            <el-option label="材料规格1" value="1"></el-option>
            <el-option label="材料规格2" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="收料时间">
          <el-date-picker value-format="YYYY-MM-DD" placeholder="收料时间"></el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="basePageQueryRef.handleQueryForm">查询</el-button>
          <el-button @click="basePageQueryRef.handleResetForm">重置</el-button>
        </el-form-item>
      </el-form>
    </template>
    <template #column>
      <el-table-column align="center" label="序号" type="index" width="65px" />
      <el-table-column prop="name" align="center" label="入库单号" />
      <el-table-column prop="email" align="center" label="物料验收系统发放单号" width="170px" />
      <el-table-column prop="datetime" align="center" label="发放时间" width="160px" />
      <el-table-column prop="name" align="center" label="收料单位" />
      <el-table-column prop="name" align="center" label="材料规格" />
      <el-table-column prop="name" align="center" label="计量单位" />
      <el-table-column prop="name" align="center" label="实发重要" />
      <el-table-column prop="name" align="center" label="发料员" />
      <el-table-column prop="name" align="center" label="车牌号" />
      <el-table-column prop="date" align="center" label="收料时间" />
      <el-table-column prop="name" align="center" label="规格长度" />
      <el-table-column prop="name" align="center" label="收料员" />
    </template>
  </base-query-page>
</template>
<script setup>
const queryForm = ref({
  name: '',
});

const basePageQueryRef = ref({ queryForm });
</script>
